<aside>
    <div id="sidebar"  class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu" id="nav-accordion">

            <p class="centered"><a href="profile.html"><img src="/assets/img/ui-sam.jpg" class="img-circle" width="60"></a></p>
            <h5 class="centered"><%=nicename%></h5>

            <li class="mt">
                <a id="a-index" href="/admin/">
                    <i class="fa fa-dashboard"></i>
                    <span>主页</span>
                </a>
            </li>

            <li class="sub-menu">
                <a id="a-articles" href="javascript:void(0);" >
                    <i class="fa fa-desktop"></i>
                    <span>技术应用</span>
                </a>
                <ul class="sub">
                    <li id="li-articles-list"><a  href="/admin/articles/">文档管理</a></li>
                    <li id="li-articles-editpage"><a  href="/admin/articles/editpage">编辑文档</a></li>
                </ul>
            </li>

            <li class="sub-menu">
                <a id="a-products" href="javascript:void(0);" >
                    <i class="fa fa-cogs"></i>
                    <span>相关产品</span>
                </a>
                <ul class="sub">
                    <li id="li-products-list"><a  href="/admin/products/list">产品管理</a></li>
                    <li id="li-products-editpage"><a  href="/admin/products/editpage">新增产品</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" >
                    <i class="fa fa-book"></i>
                    <span>Extra Pages</span>
                </a>
                <ul class="sub">
                    <li><a  href="blank.html">Blank Page</a></li>
                    <li><a  href="login.html">Login</a></li>
                    <li><a  href="lock_screen.html">Lock Screen</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" >
                    <i class="fa fa-tasks"></i>
                    <span>Forms</span>
                </a>
                <ul class="sub">
                    <li><a  href="form_component.html">Form Components</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" >
                    <i class="fa fa-th"></i>
                    <span>Data Tables</span>
                </a>
                <ul class="sub">
                    <li><a  href="basic_table.html">Basic Table</a></li>
                    <li><a  href="responsive_table.html">Responsive Table</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;" >
                    <i class=" fa fa-bar-chart-o"></i>
                    <span>Charts</span>
                </a>
                <ul class="sub">
                    <li><a  href="morris.html">Morris</a></li>
                    <li><a  href="chartjs.html">Chartjs</a></li>
                </ul>
            </li>

        </ul>
        <!-- sidebar menu end-->
    </div>
</aside>
<script>
        <% for(var i=0; i < activeList.length; i++) {%>
        var active = document.getElementById('<%=activeList[i]%>');
        active.className = 'active';
        <% } %>
</script>